<div class="information-list">
  <ng-container *ngIf="informationList.length > 0;else empty">
    <ul class="list">
      <li class="item" *ngFor="let information of informationList"
        (click)="goDetail(information)"
      >
        <div class="date">
          <span>
            {{ information.lastmodificationtime | dateFormat: 'month' }}
            {{ information.lastmodificationtime | dateFormat: 'date' }}
          </span>
          <span>{{ information.lastmodificationtime | dateFormat: 'year' }}</span>
        </div>
        <div class="title">
          <h3>{{ columnName }}</h3>
          <p class="sub-title">{{ information.title }}</p>
        </div>
      </li>
    </ul>
  
    <div style="text-align: right;">
      <nz-pagination 
        [(nzPageIndex)]="pageNumber" 
        [nzTotal]="total" 
        nzShowSizeChanger 
        [(nzPageSize)]="pageSize"
      ></nz-pagination>
    </div>
  </ng-container>
  <ng-template #empty>
    <nz-skeleton [nzActive]="true" *ngIf="!noInformation"></nz-skeleton>
    <nz-empty *ngIf="noInformation"></nz-empty>
  </ng-template>

</div>